<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@include file="../base.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- 引入 ECharts 文件 -->
<script src="${yp}/assets/js/echarts.js"></script>
<script src="${yp}/assets/js/jquery-1.4.2.js"></script>
</head>
<body>
	<!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
	<div id="main"
		style="width: 800px; height: 400px; position: absolute; left: 35%; margin-left: -180px;"></div>
	<script type="text/javascript">
		// 基于准备好的dom，初始化echarts实例
		var myChart = echarts.init(document.getElementById('main'));
		var data_yp_1;
		var data_yp_2;
		//异步获取数据
		$.get("/echarts/site_require1", function(data) {
			data_yp_1 = data;
			$.get("/echarts/site_require2", function(data) {
				data_yp_2 = data;
				//柱状图
				myChart.setOption({
					title : {
						text : '针对不同职位要求的平均薪资',
						x : 'center'
					},
					tooltip : {
						trigger : 'item',
						formatter : "{a} <br/>{b} : {c} 万/年"
					},
					legend : {
						x : '900',
						data : [ '平均薪资' ]
					},
					xAxis : {
						name : '职位要求',
						data : data_yp_1
					},
					yAxis : {
						name : '平均薪资(单位:万/年)'
					},
					series : [ {
						itemStyle : {
							normal : {
								color : '#0099cc'
							}
						},
						name : '平均薪资',
						type : 'bar',
						data : data_yp_2
					} ]
				})
			})
		})
	</script>
</body>
</html>